<!DOCTYPE html>
<?php

//ob_start();
//session_start();
include( 'includes/connect.php' );
//include( 'includes/function.php' );
?>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>iWeb Version 1.0</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
        <meta content="" name="description"></meta>
        <meta content="" name="author"></meta>

        <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
        <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
        <style>
            body {
                padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */

            }
            .form-signin {
                max-width: 300px;
                padding: 19px 29px 29px;
                margin: 0 auto 20px;
                background-color: #f5f5f5;
                border: 1px solid #e5e5e5;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
            }
            .form-signin .form-signin-heading,
            .form-signin .checkbox {
                margin-bottom: 10px;
            }
            .form-signin input[type="text"],
            .form-signin input[type="password"] {
                font-size: 16px;
                height: auto;
                margin-bottom: 15px;
                padding: 7px 9px;
            }

            .redtext {
                color: rgb(221, 75, 57);
            }

            .features {
                overflow: hidden;
                margin: 2em 0px 0px;
            }
            .features li {
                margin: 3px 0px 2em;
            }
            .features img {
                float: left;
                margin: -3px 0px 0px;
            }
            .features h4 {
                margin: 0px 0px 0px 68px;

            }
            .features p {
                margin: 0px 0px 0px 68px;
            }

            .btn-large {
                font-size: 14px;
            }
        </style>

        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
        <script type="text/javascript" src="bootstrap/js/jqBootstrapValidation.js"></script>

        <script>
            $(function() {
                $("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
            });
        </script>

    </head>

    <body>

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="brand" href="#">Welcome to iWeb</a>

                </div>
            </div>
        </div>

        <div class="container">

            <div class="row-fluid">		
                <div class="span8">
                    <div>
                        <h1 class="redtext">iWeb</h1>
                        <h3>Web CMS ในแบบฉบับของ iWeb by NKC</h3>
                    </div>
                    <p>
                        เขียนอธิบายเกี่ยวกับการที่พัฒนาระบบนี้ขึ้น (ความเป็นมา ความสำคัญ)
                    </p>

                    <ul class="features unstyled">
                        <li>
                            <img src="images/filing_cabinet-g42.png" alt="">
                            <h4>Feature ใหม่ๆๆ</h4>
                            <p>* สามารถแก้ไขรูปภาพประจำตัวได้</p>
                            <p>* ใช้งานง่าย ไม่ซับซ้อน</p>
                            <p>* รูปลักษณ์ใหม่</p>
                        </li>

                        <li>
                            <img src="images/info.png" alt="" height="42" width="42">
                            <h4>วิธีการใช้งาน</h4>
                            <p>หากไม่สามารถเข้าใช้งานได้หรือเข้าใช้งานแล้วไม่มีข้อมูลขึ้น​ให้แก้ไขดังต่อไปนี้ (เลือกข้อใดข้อหนึ่ง)</p>
                            <p>
                                <a href="http://www.google.com/chrome/intl/th/landing_chrome.html?hl=th&amp;installdataindex=th-welcomepage-experiment2&amp;brand=CHMB&amp;utm_campaign=th&amp;utm_source=th-ha-sea-th-sk&amp;utm_medium=ha" target="_blank">Download Chrome</a> , <a href="http://www.google.com/support/chrome/bin/answer.py?hl=th&amp;answer=95346" target="_blank">วิธีติดตั้ง Chrome</a>
                            </p>
                            <p>
                                <a href="http://www.mozilla.org/en-US/firefox/new/" target="_blank">Download Firefox</a> , <a href="http://support.mozilla.com/th/kb/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%94%E0%B8%95%E0%B8%B1%E0%B9%89%E0%B8%87%20Firefox%20%E0%B8%9A%E0%B8%99%20Windows" target="_blank">วิธีติดตั้ง Firefox</a>
                            </p>
                            <p>
                                <a href="http://windows.microsoft.com/th-TH/internet-explorer/downloads/ie-9/worldwide-languages" target="_blank">Download Internet Explorer 9</a>, <a href="http://windows.microsoft.com/th-TH/windows7/how-do-i-install-or-uninstall-internet-explorer-9" target="_blank">วิธีติดตั้ง Internet Explorer 9</a>
                            </p>
                        </li>
                        <li>
                            <img src="images/phone.gif" alt="" height="42" width="42">
                            <h4>ติดต่อขอใช้ระบบ / แจ้งปัญหา</h4>
                            <p>สำนักงานวิทยาเขตหนองคาย งานอำนวยการ หน่วยเทคโนโลยีสารสนเทศ</p>
                            <p>โทร 042 415600 ภายใน 46902, 46705</p>
                            <p>email : jatpho@nkc.kku.ac.th, thaweesak.p@nkc.kku.ac.th</p>
                        </li>
                    </ul>
                </div>

                <div class="span4">
                    <form class="form-signin" action="loginAuthen.php" method="post" novalidate="" >
                        <h4 class="form-signin-heading">ลงชื่อเข้าใช้งาน</h4>
                        <div class="control-group ">
                            <div class="controls">
                                <input type="text" id="username" name="username" class="input-block-level" placeholder="Username" required  aria-invalid="true">
                                <p class="help-block"></p>
                            </div>
                        </div>
                        <div class="control-group ">
                            <div class="controls">
                                <input type="password" id="passwd" name="passwd" class="input-block-level" placeholder="Password" required >
                                <p class="help-block"></p>
                            </div>
                        </div>
                        <p class="text-error"><?php echo $_GET["msg_error"]; ?></p>
                        <button class="btn btn-large btn-primary" type="submit">ลงชื่อเข้าใช้งาน</button>
                    </form>

                </div>
            </div>

        </div> <!-- /container -->

        <div class="subnav navbar navbar-fixed-bottom">
            <div class="navbar-inner">
                <div style="margin-top: 10px; margin-left: 10px;">
                    <div class="pull-left">
                        <a href="index.php?pages=contents&amp;id=3">ทีมพัฒนา</a>&nbsp;&nbsp;&nbsp;
                        <a href="index.php?pages=contents&amp;id=4">คู่มือการใช้งาน</a>&nbsp;&nbsp;&nbsp;
                        <a href="login.php">เข้าสู่ระบบ</a>
                    </div>
                    <div  class='pull-right'>

                        &nbsp;หน่วยเทคโนโลยีสารสนเทศ งานอำนวยการ&nbsp;&nbsp;&nbsp;&nbsp;</div>
                </div>
            </div>
        </div>
    </body>
</html>